<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/common/plantillaPrincipal.xhtml">
	<ui:define name="title">#{msg.tituloSistema} .::. #{msg.lblRegistroProyectoTesis}</ui:define>
	<ui:define name="cuerpo">


		<div class="cuerpo" align="center">

			<!-- Empezar a programar desde aqui -->

			<!-- nuevo Panel grid para los combobox-->
			<h:form id="formLlenarFicha">
				<p:panel id="panelFicha" header="#{msg.lblRegistroProyectoTesis}"
					style="width:90%;">

					<h:panelGrid columns="2"
						columnClasses="formColumnaIzquierda,formColumnaDerecha"
						width="100%">

						<!-- label para el titulo -->

						<h:outputLabel for="Titulo" value="#{msg.lblTitulo} : " />

						<h:panelGroup>
							<p:inputTextarea id="Titulo" required="true"
								requiredMessage="#{msg.errorTituloRequerido}"
								value="#{llenarFicha.ficha.titulo}" style="width:590px" />

							<p:message for="Titulo" />
						</h:panelGroup>

						<!--creacion de combobox LineaInvestigacion-->

						<h:outputLabel for="LineaInvestigacion"
							value="#{msg.lblLineaInvestigacion} : " />
						<h:panelGroup>
							<p:selectOneMenu id="LineaInvestigacion"
								requiredMessage="#{msg.errorLineaRequerida}"
								value="#{llenarFicha.codigoLinea}" effect="fade" required="true">
								<f:selectItem itemLabel="#{msg.lblSeleccioneLineaInvestigacion}"
									itemValue="" />
								<f:selectItems value="#{llenarFicha.listaLineasInvestigacion}"
									var="linea" itemValue="#{linea.id}"
									itemLabel="#{linea.lineaInvestigacion}" />
								<p:ajax update="SubLineaInvestigacion"
									listener="#{llenarFicha.seleccionaLinea}" />
							</p:selectOneMenu>
							<p:message for="LineaInvestigacion" />
						</h:panelGroup>


						<h:outputLabel for="SubLineaInvestigacion"
							value="#{msg.lblSubLineaInvestigacion} :" />
						<h:panelGroup>
							<p:selectOneMenu id="SubLineaInvestigacion"
								requiredMessage="#{msg.errorSubLineaRequerida}"
								value="#{llenarFicha.codigoSubLinea}" required="true">
								<f:selectItem
									itemLabel="#{msg.lblSeleccioneSubLineaInvestigacion}"
									itemValue="" />
								<f:selectItems
									value="#{llenarFicha.listaSubLineasInvestigacion}" var="linea"
									itemValue="#{linea.id}" itemLabel="#{linea.lineaInvestigacion}" />
							</p:selectOneMenu>
							<p:message for="SubLineaInvestigacion" />
						</h:panelGroup>

						<h:outputLabel for="Asesor" value="#{msg.lblAsesor} :" />
						<h:panelGroup>
							<p:selectOneMenu id="Asesor"
								requiredMessage="#{msg.errorAsesorRequerido}"
								value="#{llenarFicha.ficha.codigoAsesor}" required="true">
								<f:selectItem itemLabel="#{msg.lblSeleccioneAsesor}"
									itemValue="" />
								<f:selectItems value="#{llenarFicha.listaAsesores}"
									var="docente" itemValue="#{docente.codigo}"
									itemLabel="#{docente.nombre}" />
							</p:selectOneMenu>
							<p:message for="Asesor" />
						</h:panelGroup>

						<!-- Panel grid para el editor de texto-->

						<h:outputLabel for="Resumen" value="Resumen: " />

						<h:panelGroup>
							<p:editor id="Resumen" value="#{llenarFicha.ficha.resumen}"
								width="600" required="true"
								requiredMessage="#{msg.errorResumenRequerido}">
							</p:editor>
							<p:message for="Resumen" />
						</h:panelGroup>
						<!-- aca termina el editor de texto-->

						<!-- boton Guardar -->
						<f:facet name="footer">
							<div align="center">
								<p:commandButton action="#{llenarFicha.registrarFicha}"
									value="#{msg.botonRegistrar}" icon="ui-icon-check"
									style="margin-top:10px" update="panelFicha,growl" />
								<p:commandButton value="#{msg.botonLimpiar}" ajax="true"
									update="panelFicha" process="@this">
									<p:resetInput target="panelFicha" />
								</p:commandButton>	
								<p:commandButton action="#{llenarFicha.cancelarFicha}" process="@this"
										value="#{msg.botonCancelar}" icon="ui-icon-cancel"
										style="margin-top:10px" update="growl" />
						
							</div>
						</f:facet>
					</h:panelGrid>

				</p:panel>

				<p:growl id="growl" showDetail="true" sticky="true" life="3000" />

			</h:form>

			<!-- Terminar de programar desde aqui -->
		</div>



		<p:ajaxStatus
			style="width:60px;height:60px;position:fixed;right:5px;bottom:5px">
			<f:facet name="start">
				<p:graphicImage name="loading.gif" library="img" value="loading.gif" />
			</f:facet>

			<f:facet name="complete">
				<h:outputText value="" />
			</f:facet>
		</p:ajaxStatus>

		<h:form>
			<p:dialog header="Confirm" widgetVar="dlg" showEffect="fade">

			</p:dialog>
		</h:form>
	</ui:define>
</ui:composition>